<template>
	<view class="outside">
		<view class="list" v-for="item in lists" :key="item.id" @click="jump(item.id)">
			<view class="img">
				<!--  #ifdef  MP-WEIXIN -->
				<image :src="item.picUrl"></image>
				<!--  #endif -->
				<!--  #ifndef  MP-WEIXIN -->
				<img  v-lazy="item.picUrl"> 
				<!--  #endif -->
			</view>
			<text>{{item.name}}</text>
		</view>
	</view>
</template>

<script>
	import {list} from '../../api/GeShouLieBiao/GeShouLieBiao.js'
	export default {
		created(){
			list({type:-1,area:7}).then(res => {
				this.lists = res.artists
			})
		},
		props:['lists'],
		data() {
			return {
				
			}
		},
		methods:{
			jump(id){
				uni.navigateTo({
					url:'../../pages/GeShouLieBiao/GeShouLieBiao?id='+id
				})
			}
		}
	}
</script>

<style lang="scss">
	.outside{
		width: 100%;
		.list{
			width: 100%;
			height: 90rpx;
			//background-color: red;
			display: flex;
			align-items: center;
			margin-bottom: 30rpx;
			margin-top: 20rpx;
			.img{
				height: 100%;
				width: 90rpx;
				margin-left: 20rpx;
				/*  #ifdef  MP-WEIXIN  */
				image{
					width: 100%;
					height: 100%;
					border-radius: 200rpx;
				}
				/*  #endif  */
				/*  #ifndef  MP-WEIXIN  */
				img{
					width: 100%;
					height: 100%;
					border-radius: 200rpx;
				}
				/*  #endif  */
			}
			text{
				margin-left: 20rpx;
			}
		}
	}
</style>
